草庐IT

ionic 列表操作

全部标签

javascript - 如何选中/取消选中 react 中的复选框列表

我有一个room页面,在该页面中我有一个连接到该房间的传感器列表,可以使用复选框选择这些传感器,如下所示:{sensors.map(s=>{return({s.name});})}问题是-这种方法禁止我取消选中复选框(所以如果在数据库中,传感器连接到那个房间-就是这样)。我如何重写它以便我可以选中/取消选中此复选框? 最佳答案 在类里面你必须有状态,一个例子有点像这样exportdefaultclassyourComponentextendsReact.Component{state={checkedBoxes:[]}handleC

javascript - 填充列表元素中的空白区域

我有一个流动的网格(高度和宽度)。LI始终为矩形,并根据屏幕尺寸自行调整。现在我需要填充列表,使它们都具有相同的高度。如果所有列都有一个LI元素,这将很容易。但是有双倍大小的列,其中一些可以包含大尺寸的LI。在某些情况下,列的中间甚至有空位,因为有一个大李和一个小李,紧接着又是一个大李。在某些内容页面上,所有li都在一个列中。在每种情况下,li都向左浮动。我做了一些图片来解释这个问题:首先,我想数数child的数量并进行比较。但是,当所有LI都在一个列中或列中间缺少一个LI时,事情就变得复杂了。这是我尝试过的:varlongest=0$("ul.grid-col").each(func

c# - 将整数列表从 JavaScript 传递到 C#——我得到了列表,但它是空的;表单数据结构不正确?

我的数组是这样填充的:updateLabels:function(){vardiagrams=_stage.diagramLayer.getChildren();varcomponentIDs=newArray();for(varindex=0;index服务器端我有这个方法:[CompressionFilterAttribute]publicJsonResultUpdateDiagrams(ListcomponentIDs,stringrackInfo){ListdiagramInformation=newList(componentIDs.Count());}我的数据在网络中传输:

javascript - 将元素添加到列表时,触发此事件的最佳方式是什么

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:HowtoidentifywhentheDOMhasbeenchanged?假设我可以访问元素$(ul#mylist).当某些项目添加到列表时,如何触发事件。我尝试了以下但实际上它不起作用。$('ul#mylist').change(function(){console.log('addedanelement');});

javascript - 使用 D3 创建 DIV 的动态列表

我一直在使用D3创建精美的动画图表,示例很棒。但是,我正在尝试做一些看似更基本的事情,但遇到了麻烦-将数据绑定(bind)到一个简单的DIV列表。我设置了enter()来初始化不透明度为0的元素,transition()来淡入它们,exit()来淡出并删除它们。enter()和exit()似乎工作正常-然而,当更新包含列表中已有的现有元素时,它似乎被部分删除-包含DIV仍然存在,但内容消失了。我不明白为什么元素的内容会以这种方式改变。我的代码如下:vardata=[...];sorted=data.sort(function(a,b){returnd3.descending(a.id,

javascript - 使用 JavaScript sdk() 显示错误的 Facebook 自定义故事分享(操作需要至少一个引用)

我正在为我的一个FacebookCanvas游戏应用程序使用JavaScriptSDK。我正在尝试实现自定义故事共享对话框以在用户墙上发布故事。开发者网站上可用的信息不清楚且有限。下面的代码用于使用opengrapAPI共享自定义故事。提供的Facebook开发者站点链接(https://developers.facebook.com/docs/sharing/reference/share-dialog)上提供了以下代码。Facebook提供的代码运行良好,因为它使用预定义的action_type。FB.ui({method:'share_open_graph',action_typ

javascript - 您可以在页面操作弹出窗口中使用 javascript 吗?

我正在尝试构建一个使用页面操作弹出功能的chrome扩展程序,但我的javascript似乎都不起作用。这是来源:console.log("doanything!!");我在任何地方都看不到记录器语句。我似乎无法运行任何东西。这是弹出窗口应该如何工作吗?文档没有提到这些弹出窗口只是静态HTML。 最佳答案 首先,Chrome扩展不允许运行内联Javascript代码(也就是任何不包含在.js文件中但包含在DOM中的代码)。引自theContentSecurityPolicypage:Thereisnomechanismforrela

javascript - 如何在 Ionic 的框架内打开 webview?

我需要的是在Ionic应用程序页面的框架内加载HTML代码,而无需打开新窗口或覆盖页面的其余部分。想法是有一个框架可以打开网页,而不会覆盖或破坏页面的其余部分,如标题、按钮等。基本上,我想做的是等同于Ionic框架应用程序中的AndroidWebView。这可能吗?没有太多代码,就是一个简单的消息应用的“消息详情”页面,只是消息必须显示为网页。我需要显示带有顶部按钮的标题和它们下方的WebView。 最佳答案 您只想在您的应用程序中显示带有标题的任何WebView。是的,可以使用iframehtml标记。但它只适用于http网页浏览

javascript - AngularJS 范围直到在 ui 中执行某些操作后才会更新,比如单击具有函数的对象

当视口(viewport)小于或等于641px时,我试图将类添加到我的侧边栏,并且我必须在这种情况下观察窗口的宽度$scope.$watch(function(){return$window.innerWidth;},function(value){if(value它在第一次加载时登录,但是当我调整大小时,我必须在它再次触发之前进行一些点击。例如。我调整大小,然后单击具有ng-click行为的项目,这是唯一一次,它再次记录。我已经阅读了一些问题,这可能是由于$digest和$apply?谁能解开我的困惑。 最佳答案 需要触发摘要循环

javascript - 如何在调整浏览器大小时根据div大小触发显示或隐藏操作

我正在为图书出版网站的作者页面设计一个摘要容器。一些作者的摘要内容较多,而另一些作者的内容较少。当div容器的高度超过截止高度(180px)时,我想动态启用/禁用显示更多/更少按钮。因此,结果证明可以动态控制div容器的高度(180px和原始高度)。我需要一段在所有浏览器中都能完美运行的代码。我在这里实现了一个代码:http://jsfiddle.net/rraagghhu/9dgs6432/3/HTML:ChetanBhagatistheauthorofsixblockbusterbooks.Theseincludefivenovels—FivePointSomeone(2004),